<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Galleria Picasa</title>
	<script type="text/javascript" src="/js/jquery-1.4.2.js"></script>
	<script type="text/javascript" src="/js/galleria.js"></script>
    <script type="text/javascript" src="/js/plugins/galleria.picasa.js"></script>
	<script type="text/javascript" src="/js/jquery.json-2.2.js"></script>
	<script type="text/javascript" src="/js/plugins/galleria.history.js"></script>
	
	<script type="text/javascript">
// Load theme
Galleria.loadTheme('/js/themes/fullscreen/galleria.fullscreen.js');
Galleria.loadTheme('/js/themes/fullscreen/galleria.picasa.albums.js');

// intiialize picasa plugin
var picasa = new Galleria.Picasa();

function loadAlbums(userId) {

    picasa.getAlbums(userId, { 
        //size: '320'
        //max: 5
    }, function(data) {
        $('#galleria').galleria('lightbox', {
            data_source: data
            
        });
    });
}
    
function loadPhotos(userId, albumId) {
	// inject a photset into galleria
    picasa.getPhotos(userId, albumId, { 
        //size: 1024
        //max: 5
    }, function(data) {
        $('#galleria').galleria('fullscreen', {
        	autoplay: false,
            data_source:data,
            image_crop: false,
            frame_color: '#000',
            transition: 'slide',
            hide_dock: false,
            preload: 'all',
            extend: function() {
                this.$('info,counter').show();
            },
            thumb_quality: false
        });
    });
}
	</script>
</head>
<body>
	<div id="picasa"></div>
    <div id="galleria"></div>
    <script type="text/javascript">
    loadPhotos('julienboz', 'Montages');
    </script>
</body>
</html>